<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>订单支付提示</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div data-th-replace="layout/common-hade-order"></div>
    <div class="mb20 pb10">
        <div class="container">
            <div class="cm-wbg__bx">
                <article class="mt20 mr20 mb20 ml20">
                    <div th:if="${type}==2">
                        <div class="order-success__wrap alert alert-success">
                            <section class="mt20 mb20 text-center">
                                <span class="order-succcess-ico"></span>
                                <h2 class="unFw"><span class="fs24 c-333">太棒了，订单已成功支付</span></h2>
                                <p class="mt10">
                                    <span class="c-999 vam" th:text="'订单号：'+${orderNo}"></span>
                                    <span class="ml10 mr10 c-ccc fs12 vam">|</span>
                                    <span class="c-999 vam">订单金额：</span>
                                    <span class="c-999 vam" th:text="!${#maps.isEmpty(order)}?'￥'+${order['realPrice']}+'元':'￥0元'"></span>
                                </p>
                                <p class="mt20 pt10">
                                    <span class="fs12 c-ccc">
                                        友情提示：如果您购买的商品有课程商品，建议去个人中心 - 我的课程 立即学习。
                                    </span>
                                </p>
                            </section>
                        </div>
                        <div class="mt20 pt10 text-center">
                            <a th:if="${classesUrl != null}" th:href="${classesUrl}">
                                <button type="button" class="btn btn-lg btn-w-m btn-danger unRadius" style="width: 220px"> 加入班级 </button>
                            </a>
                            <a th:href="@{/web/uc/order/list}">
                                <button type="button" class="btn btn-lg btn-w-m btn-success unRadius" style="width: 220px"> 查看订单 </button>
                            </a>
                        </div>
                    </div>
                    <div th:if="${type}==1">
                        <div class="order-success__wrap alert alert-danger" style="background-color: #FFF7F6">
                            <section class="mt20 mb20 text-center">
                                <span class="order-error-ico"></span>
                                <h2 class="unFw">
                                    <span class="fs24 c-333" th:text="${#strings.isEmpty(message)}?'对不起，支付发生错误':${message}">
                                    </span>
                                </h2>
                                <p class="mt10">
                                    <span class="c-999 vam" th:text="'订单号：'+${orderNo}"></span>
                                    <span class="ml10 mr10 c-ccc fs12 vam">|</span>
                                    <span class="c-999 vam">订单金额：</span>
                                    <span class="c-999 vam" th:text="!${#maps.isEmpty(order)}?'￥'+${order['realPrice']}+'元':'￥0元'"></span>
                                </p>
                                <p class="mt20 pt10">
                                    <span class="fs12 c-danger">
                                        友情提示：支付发生问题，建议你去 个人中心 - 我的订单 去查看
                                    </span>
                                </p>
                            </section>
                        </div>
                        <div class="mt20 pt10 text-center">
                            <a th:href="@{/web/uc/order/list}">
                                <button type="button" class="btn btn-lg btn-w-m btn-danger unRadius" style="width: 220px"> 查看订单 </button>
                            </a>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
</body>
</html>